<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="中国移动网上商城,网上营业厅,话费查询,充话费,
    查流量 移动4G手机,移动合约机,移动4G套餐,移动业务办理,积分兑换"/>
    <meta name="description" content="中国移动网上商城为移动客户提供充值交费,
    账单查询,流量、4G套餐、宽带等业务介绍及办理,提供苹果、三星、
    小米等多款正品低价手机在线购买,让您足不出户,享受便捷移动服务！"/>
    <title>服务中心-投诉平台</title>

    <link rel="shortcut icon" href="images/favicon.ico"/>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/serviceBase.css">
    <link rel="stylesheet" href="css/Complaint.css">
    <script type="text/javascript" src="js/Complaint.js"></script>
</head>
<body>
<!--快捷导航模块 start-->
<section class="shortcut">
    <div class="w">
        <div class="fl">
            <ul>
                <li>欢迎来到移动网站 &nbsp;</li>
                <li>
                    <a href="login.html">请登录</a>&nbsp;<a href="register.html" class="style_red">请注册</a>
                </li>
            </ul>
        </div>
        <div class="fr">
            <ul>
                <li><a href="person_center.html" id="personalCenterLink"
                       target="_blank">个人中心</a></li>
                <li></li>
                <li><a href="https://www.10086.cn/cmccclient/indexc_new.html" id="clientLink"
                       target="_blank">客户端下载</a></li>
                <li></li>
                <li><a href="homeUserService.html" id="serviceLink"
                       target="_blank">客服服务</a></li>
            </ul>
        </div>
    </div>
</section>
<!--快捷导航模块 end-->

<!--头部图片模块-->
<div class="headPic">
    <img src="./images/complaintheadPic.png" alt="图片加载失败" width="80%">
</div>

<!--投诉服务模块-->
<div class="complaint">
    <p>填写投诉详情</p>
    <form id="myForm" action="complaint.html" method="post">
        <div class="complaint_form">
            <label class="complaint_form_col1_row1" for="phoneNumber">手机号：</label>
            <input class="complaint_form_col2_row1" type="text" id="phoneNumber" name="phoneNumber" placeholder="请输入手机号">
            <label class="complaint_form_col1_row2" for="TypeOfComplaint">投诉类型：</label>
                <select class="complaint_form_col2_row2" name="TypeOfComplaint" id="TypeOfComplaint">
                <option value="费用疑问">费用疑问</option>
                <option value="业务">业务</option>
                <option value="套餐变更">套餐变更</option>
                <option value="手机网络">手机网络</option>
                <option value="服务质量">服务质量</option>
                <option value="其他问题">其他问题</option>
            </select>
            <label class="complaint_form_col1_row3" for="questionDetail">问题详情：</label>
            <textarea class="complaint_form_col2_row3" id="questionDetail" name="questionDetail" placeholder="请输入问题详情（400字以内）"></textarea>
            <input type="submit" value="提交" onclick="checkFormValidityAll()">
        </div>
    </form>
</div>

<!--footer模块-->
<footer class="footer">
    <p>copyright © 2024 移动公司 版权所有</p>
</footer>

</body>
</html>